<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>待收货</title>
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/top.css">
    <link rel="stylesheet" href="../CSS/botton.css">
    <link rel="stylesheet" href="../CSS/DaiShouHuo.css">
</head>
<body>
         <!-- 头部/2 -->
         <header>
            <a href="./WoDe.html">
                <img src="../img//fh.png" alt="">
            </a>
            <span>待收货</span>
        </header>
    <section class="warp">
        <div>
            <a href="./DingDan.html">
                <p>全部</p>
            </a>
        </div>
        <div>
            <a href="./DaiZhiFu.html">
                <p>待支付</p>
            </a>
        </div>
    <div>
       <a href="#">
            <p style="color: rgb(26, 180, 60);">待收货</p>
            <span><img src="../img/qx.png" alt=""></span>
       </a>
    </div>
    <div>
        <a href="./DaiPingJia.html">
            <p>待评价</p>
        </a>
    </div>
</section>
<section class="warp-1" >
    <div class="div-1">
        <p>2021.10.07 <span>13:25</span></p>
        <p style="color: rgb(201, 119, 52);">待收货</p>
    </div>
    <div class="div-2">
        <img src="../img/7.jpg" alt="" style="margin: 0;">
        <img src="../img/8.jpg" alt="">
    </div>
    <div class="div-3">
        <p>共2件商品 实付：<span>￥17.30</span></p>
    </div>
    <div class="div-4">
           <a href="#"> <div  class="quxiao" style="color: rgb(139, 139, 139);  background-color: rgb(221, 221, 221);">物流状态</div></a>
            <div class="queren" style="color: rgb(40, 163, 40); background-color: rgb(160, 214, 172);">确认收货</div>
    </div>
</section>
<div class="popup" style="display: none;">
    <img src="../img/shouhuo.png" alt="">
    <h4>收货成功</h4>
    <a href="./DaiPingJia.html"><p>立即评价></p></a>
    <div class="x">
            <img src="../img/guanbi.png" alt="">
    </div>
</div>
<script src="../jS/flexible.js"></script>
<script src="../jS/jquery.3.5.1.js"></script>
<script>
    $(function(){
        $('.queren').click(function(){
           $('.popup').show()
        })
        $('.x').click(function(){
           $('.popup').hide()
        })
        
    })
   
</script>
</body>
</html>